
app-profile {
  ion-content {
    @padding: 24px;
    @margin: 8px;

    li {
      background-color: @panel-color;
    }

    .header {
      display: flex;
      align-items: center;
      padding: 16px;
      background-color: @panel-color;

      .img {
        height: 60px;
        width: 60px;
        //background-color: #000000;
        -webkit-background-size: cover;
        background-size: cover;
      }

      .imgRight {
        width: 20px;
        height: 20px;
        background-size: cover;
        position: absolute;
        right: 16px;
      }

      ul {
        margin-left: 8px;

        li {
          font-size: 16px;
          color: #333333;
        }

        .email {
          font-size: 12px;
        }

        .phone {
          color: #35a4f6;
          font-size: 12px;
        }
      }
    }

    ion-row {
      text-align: center;
      background-color: @panel-color;

      ion-col {
        padding: 12px 5px 8px 5px;

        .badge {
          position: absolute;
          //right: 36%;
          left: 60%;
        }
      }
    }

    .margin8 {
      margin: 8px 0px;
    }

    .serviceCompany {
      width: 100%;
      height: 50px;
      display: block;
      background-color: @panel-color;

      div {
        display: inline-block;
        line-height: 50px;
      }

      .icon {
        padding: 0px 16px;
        vertical-align: middle;

        img {
          vertical-align: middle;
        }
      }

      .title {
        color: #333333;
        font-size: 14px;
      }

      .companyName {
        color: #999999;
        font-size: 12PX;
        float: right;
        padding-right: 16px;
      }
    }

    .logout {
      margin: 32px 16px;
    }

    .info,
    .moreinfo {
      margin-top: @margin;

      li {
        padding: 0 @padding;
        height: 50px;
        line-height: 50px;
        margin-bottom: 1px;

        &::after {
          content: ">";
          float: right;
        }
      }
    }

    .logout {
      li {
        margin-top: @margin;
        height: 50px;
        line-height: 50px;
        text-align: center;
      }
    }

  }
}
